<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="favicon.ico" />
<link href="user/css/UserCenter.css?v=<?=WEB_VERSION?>" rel="stylesheet" type="text/css" />
<script src="user/js/jquery-1.7.1.min.js?v=<?=WEB_VERSION?>" type="text/javascript" language="javascript"></script>
<script src="user/js/UserWin.min.js?v=<?=WEB_VERSION?>" type="text/javascript" language="javascript"></script>
<title>100课堂英语学习会员中心</title>
</head>
<body>
<?include('userTop.php')?>
<div class="CenterAuto">
	<?
    include('userLeft.php')
    ?>
   <form action="user_chargepay.htm" method="post" name="Wusec25"  target='_blank'>
   <div class="Fr">
   <p style="padding-left:10px;">
   <span style=" font-size:15px;">支付金额：</span>
   <input type="text" id="charge_money" name="charge_money" value="<?=$_POST['input_charge_money']?>"/>元<span style="color:#F00;">(预付款为客户自愿存入，不可退还。)</span></p>
		<ul class="CourseListTitle" style=" border-right:1px solid #ccc;">
	        <li><a class="hove" href="javascript:;">在线支付</a></li>
	    </ul>   
       <div id="course0" class="CurseIndexVal">
			<div class="PublicUserListTitle"><em>一、在线支付：</em></div>
	      <ul class="BankList" >
        	<li><input type="radio" name="pay_type_online" value="1002" onClick="check(this);"/><img src="user/images/bank/1.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1005" onClick="check(this);"/><img src="user/images/bank/5.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1052" onClick="check(this);"/><img src="user/images/bank/4.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1003" onClick="check(this);"/><img src="user/images/bank/3.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1020" onClick="check(this);"/><img src="user/images/bank/6.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1001" onClick="check(this);"/><img src="user/images/bank/2.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1004" onClick="check(this);"/><img src="user/images/bank/7.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1009" onClick="check(this);"/><img src="user/images/bank/11.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1027" onClick="check(this);"/><img src="user/images/bank/8.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1008" onClick="check(this);"/><img src="user/images/bank/21.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1006" onClick="check(this);"/><img src="user/images/bank/13.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1021" onClick="check(this);"/><img src="user/images/bank/9.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1022" onClick="check(this);"/><img src="user/images/bank/10.jpg" /></li>
            <li><input type="radio" name="pay_type_online" value="1010" onClick="check(this);"/><img src="user/images/bank/17.jpg" /></li>
            <br>
	        <li>
	        <p style=" text-indent:2em; font-size:14px; line-height:25px; color:#666; padding:0 20px;">
	        <input type="radio"  name="pay_type_online" value="8001" onClick="check(this);"/>&nbsp;&nbsp;财付通账户支付
	        </p>
	        <span style=" color:#868686">（财付通账户余额支付，一点通支付）</span>
	      </ul>
        <p style="font-size:18px; height:30px; color:#666; padding:14px 0 0 20px;">二、第三方支付</p>
	      <ul class="BankList" style=" height:82px;">
	      	<li><input type="radio" name="pay_type_online" id="pay_alipay"  value="<?=PAY_TYPE_ALIPAY?>"  onClick="check(this);"/>
	      	<img src="user/images/bank/22.jpg" width="238" height="64" /></li>
	        <li><input type="radio" name="pay_type_online"  id="pay_tenpay" value="0"  onClick="check(this);"/>
	        <img src="user/images/bank/23.jpg" width="238" height="64" /></li>
	      </ul>
        </p>
        <input type="hidden" name="bank_type_value" id="bank_type_value" value="0">
        <input type="button" class="PublicPrice" value="点击充值"  id="charge_form"/>
      </div>
    </div>
    </form>
    <div class="clearc"></div>
</div>
<div class="clearc"></div>
</div>
<div id="OkAndNo" style=" width:400px; height:120px; background:#fff; border:1px solid #0099ff; position:fixed; top:40%; left:37%; overflow:hidden; z-index:100006; display:none;">
<form action="" method="post" name="OkAndNo">
    	<input type="button" value="付款完成" id="complete_pay" style="width:100px; height:34px; background:#FF9F24; margin:40px 10px 0 55px; color:#fff; font-size:14px; font-weight:bold;cursor:pointer;" />
        <input type="button" value="付款遇到问题" id="uncomplete_pay" style="width:100px; height:34px; background:#999; margin:40px 0 0 70px; color:#fff; font-size:14px;font-weight:bold; cursor:pointer;" />
</form>
</div>
<div id="floatDivCover" style="display:none;"></div>
<script type="text/javascript">
$(document).ready( function(){
	$('.Ysuecc li').eq(0).hover(function(){$('.Ysuecc li').attr('class','');$(this).attr('class','Risecc'); $('.duxi3').hide();$('.duxi2').show();});
	$('.Ysuecc li').eq(1).hover(function(){$('.Ysuecc li').attr('class','');$(this).attr('class','Risecc'); $('.duxi2').hide();$('.duxi3').show();});
	$('.Ysuc_qwe .BgColorBlue').click(function(){$('.Ysuc_wqe').show();});
	});
$("#charge_form").click(function(){
	var charge_money = $("#charge_money").val();
	if(charge_money<0){
		alert('充值金额必须大于0');
		return;
	}
	
	if(charge_money==""){
		alert('充值金额必须填写');
		return;
	}
	
	var pay_checked=false;
	$("input[name='pay_type_online']").each(function(){
		var checked = $(this).attr('checked');
		if(checked=='checked'){
			pay_checked = checked;
		}
	})

	if(pay_checked==false){
		alert('在线充值方式必须选择');
		return;
	}
	openOkAndNo();
	document.Wusec25.submit();
})	


function check(object) {
	var value=object.value;
	$("#bank_type_value").attr("value",value);
}

function openOkAndNo(){
	$('#floatDivCover').fadeIn(100);
	$('#OkAndNo').slideDown("fast");
	$('#OkAndNo input').click(function(){
	$('#OkAndNo').slideUp("fast");$('#floatDivCover').fadeOut(500);});
}

$("#complete_pay").click(function(){
	location.href="user_paysuccess.htm";
})


$("#uncomplete_pay").click(function(){
	location.href="user_financing.html?opage=1";
})

</script>
<?
include('userFoot.php')
?>
</body>
</html>
